/* pages/category/category.wxss */
page {
  height: 100%;
}

.cates-container {
  height: 100%;
  display: flex;
  height: ~'calc(100vh - 90rpx)';
  .left-menu {
    // 在less的使用calc时候需要注意

    flex: 2;
    background-color: aqua;
    .menu-item {
      height: 80rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 2rpx solid #666;
      font-size: 30rpx;
    }
  }
  .right-content {
    flex: 5;

    .content-items {
      .item-title {
        text-align: center;
      }
      .item-content {
        display: flex;
        flex-wrap: wrap;
        navigator {
          width: 33.33%;
          image {
            display: block;
            width: 100%;
            padding: 10rpx;
          }

          .goods-name {
            text-align: center;
          }
        }
      }
    }
  }
}

.active {
  color: red;

}
